body,html,div,input,button,ul,li,span,p,b,i{padding: 0;margin: 0;font-family: dashicons, 'Segoe UI', 'WenQuanYi Micro Hei', 'WenQuanYi Micro Hei Mono', 'Microsoft Yahei', 'Microsoft Yahei Mono', 微软雅黑, sans-serif;font-size: 12px;color: #3b3b3b;letter-spacing:2px;}
a{text-decoration: none}
li{list-style: none}
.ml30{margin-left: 30px;margin-right: 30px;}

input{outline:none;} 
body,html{height: 100%}
#app{height: 100%;transition: all .5s;}
.warpBg{min-width: 1200px}

.header{width: 100%;height: 190px;background: url('/static/images/mainBg.jpg') center top;border-bottom: #fff solid 3px;position: relative;z-index: 999}
.headerBg01{width: 100%;height: 190px;border-bottom: #fff solid 3px;background:url('/static/images/bg01.jpg') center top;background-size: 100% }
.headerBg02{width: 100%;height: 190px;border-bottom: #fff solid 3px;background:url('/static/images/bg02.jpg') center top;background-size: 100%  }
.headerBg03{width: 100%;height: 190px;border-bottom: #fff solid 3px;background:url('/static/images/bg03.jpg') center top;background-size: 100%  }
/*.header{width: 100%;height: 190px;background:#84ccc9;border-bottom: #fff solid 3px;}*/
.headerIndex{height: 100%;background: url('/static/images/mainBg.jpg') center top;overflow: hidden;}
.headerIndex .headLeft{top: 0}
.headerIndex .headRight{top: 0;margin-left: 800px;}
.headerIndex .headInfo{margin-left: 460px;}
.headerIndex .active{position: fixed;}
.headRight .hide{opacity: 0.5}
.headRight .hide:hover{opacity: 1}

.headBox{width: 1200px;margin: auto;position: relative;}
.headLeft{width: 420px;float:left;padding-left: 40px;}
.headInfo{width: 380px;float:left;padding-top: 25px;}
.headInfo .logo img{max-width: 100%}
.headInfo .txtle{color: #fff;text-align: center;font-size: 14px;line-height: 1;padding-top: 10px;padding-bottom: 30px;}
.search{position: relative;padding-left: 10px;z-index: 998}
.search span{width: 30px;height: 30px;background: url('/static/images/search.png') center no-repeat;display: block;position: absolute;left: 10px;top: 0px;cursor:pointer;}
.headInfo input{width: 330px;height: 30px;background:rgba(255,255,255,0.5);border: none;color: #fff;padding-left: 30px;display: flex;}
.headLeft{padding-top: 20px;}
.headLeft .item{width: 90px;float: left;color: #fff;position: relative;}
.headLeft .item p{background: url('/static/images/icon.png') center left no-repeat;padding-left: 6px;line-height: 24px;cursor: pointer;color: #fff;}
.headLeft .item p a{display: block;color: #fff}
.headLeft .item ul{background: #fff;position: absolute;opacity: 0;z-index: 9999;min-width: 80px;display: none;padding-top: 4px;padding-right: 15px;padding-bottom: 10px;}
.headLeft .item:hover{opacity: 1!important}
.headLeft .item:hover ul{opacity: 1;z-index: 10;transition: all 1s;display: block;}
.headLeft .item ul li{line-height: 18px;padding: 0 10px;letter-spacing:0px;}
.headLeft .item ul li:first-child{padding-top: 5px;}
.headLeft .item ul li:last-child{padding-bottom: 5px;}
.headLeft .item ul li a{font-size: 12px;color: #333;display: block;}
.headRight{width: 320px;float:right;padding-right: 20px;}
.headRight ul{text-align: right;padding-top: 22px;}
.headRight ul li{display: inline-block;margin-left: 22px;background: url('/static/images/icon.png') center left no-repeat;padding-left: 6px;color: #fff;cursor: pointer;}
.headRight ul li a{color: #fff;line-height: 1;}
.headRight ul li a:hover{color: #fff;}
.getOpacity{opacity: 0.5}

.agreementRegMessage{display: block !important;font-size: 16px;
    color: #ff0000;
    border: none;
    display: block;}

.main{width: 1200px;margin: auto;overflow: hidden;}
.banner{height: 550px;background: url('/static/images/load.gif') center no-repeat;}
.banner img{width: 1200px;height: 550px;}
.hotList h2.title{width: 220px;margin: auto;text-align: center;font-size: 32px;color: #989898;font-weight: 100;position: relative;line-height: 1;padding:36px 0}
.hotList h2.title:before{content: '';width: 110px;height: 4px;background: #d4d4d4;position: absolute;left: -110px;top: 52px}
.hotList h2.title:after{content: '';width: 110px;height: 4px;background: #d4d4d4;position: absolute;right: -110px;top: 52px}
.hotList ul{background: #f4f4f4;overflow: hidden;padding-top: 20px;}
.hotList ul li{width: 220px;height: 344px;float: left;margin: 0 40px;text-align: center;cursor: pointer;}
.hotList ul li:hover p{color: #ff0000}
.hotList ul li img{width: 220px;height: 220px;padding-top: 25px;padding-bottom: 24px;background: #fff}
.hotList ul li .title{font-size: 18px;padding: 0px 20px;line-height: 1;color: #363636;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 8px;padding-bottom: 6px;letter-spacing:4px;}
.hotList ul li .price{font-size: 18px;line-height: 1;color: #363636;letter-spacing:2px;}

.itemList .sTitle{width: 220px;margin: 25px auto;text-align: center;font-size: 32px;color: #989898;font-weight: 100;position: relative;}
.itemList .sTitle .zh{font-size: 32px;color: #989898;line-height: 1;padding-bottom: 8px;}
.itemList .sTitle .cn{font-size: 18px;color: #989898;font-family: 'Myriad Pro';line-height: 1}
.itemList .sTitle:before{content: '';width: 110px;height: 4px;background: #d4d4d4;position: absolute;left: -110px;top: 28px}
.itemList .sTitle:after{content: '';width: 110px;height: 4px;background: #d4d4d4;position: absolute;right: -110px;top: 28px}
.itemList .itemInfo{min-height: 710px;}
.itemList .itemInfo .img{width: 260px;float: left}
.itemList .itemInfo .img img{width: 260px;}
.itemList .tabList{width: 900px;float: right}
.indexGun .el-carousel__indicator{width: 10px;height: 10px;border-radius: 50%;border: #ddd solid 1px;margin: 0 5px;}
.indexGun .el-carousel__indicator.is-active{background: #d3d3d3}
.indexGun .el-carousel__indicator.is-active .el-carousel__button{opacity: 0!important}
.indexGun .el-carousel__arrow{opacity: 0;}
/* .itemList .tabList ul li{width: 240px !important;height: 316px;float: left;margin-left: 48px;text-align: center;cursor: pointer;}
.itemList .tabList ul li:hover p{color: #ff0000}
.itemList .tabList ul li p.title{font-size: 16px;height: 22px;padding: 0px 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;padding-top: 8px;color: #363636;letter-spacing:3px;}
.itemList .tabList ul li p.price{font-size: 16px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;padding-top: 0px;color: #363636}
.itemList .tabList ul li img{width: 240px;height: 240px;border: #000 solid .5px;} */

.indexGun .el-carousel__indicators{background: #fff}
.gunDiv{width: 240px !important;height: 316px;float: left;margin-left: 48px;text-align: center;cursor: pointer;}
.gunDiv img{width: 240px;height: 240px;border: #ddd solid .5px;}
.gunDiv p.title{font-size: 16px;height: 22px;padding: 0px 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;padding-top: 8px;color: #363636;letter-spacing:3px;}
.gunDiv p.price{font-size: 16px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;padding-top: 0px;color: #363636}
.gunDiv img{width: 240px;height: 240px;border: #ddd solid .5px;}
.gunDiv:hover p{color: #ff0000}
.gunDiv .el-carousel__indicator{padding: 0px!important}
.indexGun .el-carousel__indicators li{width: 10px;height: 10px;padding: 0px!important}
.gunDiv .el-carousel__button{opacity: 0 !important;height: 0px!important;}

.pageLeft{background: url('/static/images/leftOn.png') center 80% no-repeat}
.pageRight{background: url('/static/images/rightOn.png') center 80% no-repeat}

.searchList{position: absolute;background:rgba(255,255,255,0.8);width: 360px;left:10px;}
.searchList ul li{padding-left: 10px;line-height: 24px;cursor: pointer;}
.searchList ul li:hover{color: #ff0000}

.allMessage{text-align: center;color: #ff0000}

/*底部*/
.footer{width: 100%;background: #f6f6f6;color: #ababab}
.footInfo{width: 1120px;margin: auto;}
.footTeam{display: flex;justify-content: space-between;padding-top: 70px;padding-bottom: 46px;}
.footTeam .item{width: 250px;float: left;height: 76px;border-top: #d3d3d3 solid 2px;border-bottom: #d3d3d3 solid 2px;padding-left: 90px;}
.footTeam .item .title{font-size: 25px;padding-top: 12px;color: #ababab}
.footTeam .item .txtle{font-size: 12px;color: #ababab;letter-spacing:2px;}
.footTeam .item .icon{display: block;position: absolute;margin-left: -64px;margin-top: 22px;}
.footTeam .item .icon01{width: 53px;height: 38px;background: url('/static/images/car.png')}
.footTeam .item .icon02{width: 54px;height: 35px;background: url('/static/images/people.png')}
.footTeam .item .icon03{width: 49px;height: 39px;background: url('/static/images/box.png')}
.footInfo .itemC{padding-left: 140px;width: 200px}

.footBox{min-height: 300px;}
.footBox .item{float: left;}
.footBox .title{font-size: 25px;padding-bottom: 28px;color: #ababab;line-height: 1;cursor: pointer;}
.footBox .linkBox{padding-bottom: 12px;}
.footBox .linkBox a{display: inline-block;}
.footBox .linkBox span{display: inline-block;vertical-align: middle;margin-right: 26px;}
.footBox .linkBox .icon01{width: 14px;height: 29px;background: url('/static/images/icon01.png')}
.footBox .linkBox .icon02{width: 27px;height: 23px;background: url('/static/images/icon02.png')}
.footBox .linkBox .icon03{width: 28px;height: 29px;background: url('/static/images/icon03.png')}
.footBox .linkItem{font-size: 16px;line-height: 40px;color: #ababab}
.footBox .linkItem span{display:inline-block;width: 27px;height: 40px;vertical-align: middle;margin-right: 4px;}
.footBox .linkItem .icon01{background: url('/static/images/icon04.png') center no-repeat}
.footBox .linkItem .icon02{background: url('/static/images/icon05.png') center no-repeat}
.footBox .linkItem .icon03{background: url('/static/images/icon06.png') center no-repeat}
.footBox .linkTitle{font-size: 14px;line-height: 24px;color: #ababab}
.footBox .linkTitle a{color: #ababab;line-height: 1;margin-bottom: 10px;}
.footBox .linkTitle a:hover{color: #ff0000}
.footBox .item01{width: 362px;padding-left: 24px;}
.footBox .item02{width: 160px;}
.footBox .item03{width: 204px;}
.footBox .item04{width: 214px;}
.footBox .item05{width: 120px;}

.footBottom{font-size: 12px;line-height: 1.6;padding-bottom: 30px;position: relative;}
.footBottom p{color: #ababab;line-height: 1.2;font-size: 13px;}
.footBottom .goTop{width: 40px;height: 40px;background: url('/static/images/goTop.png') no-repeat;display: block;cursor: pointer;position: absolute;right: -40px;margin-top: -120px;}




/*在线客服*/
.pTitle{line-height: 1;color: #333;padding-left: 15px;margin-top: 30px;border-top:#363636 dashed 1px;padding-top: 16px;padding-bottom: 26px;}
.pTitle.search{font-size: 18px;}
.pTitle a{color: #333}
.pTitle a:hover{color: #ff0000}
.socket .from{width: 920px;margin: 40px auto;}
.socket .getBox{height: 370px;background: #f6f6f6;padding: 40px;overflow: auto;}
.socket .getBox ul li{font-size: 14px;padding-bottom: 20px;line-height: 20px;overflow: hidden;}
.socket .getBox ul li.right{text-align: right}
.socket .getBox ul li .time{color: #a0a0a0;letter-spacing:0px;}
.socket .getBox ul li .info{color: #363636;letter-spacing:0px;}
.socket .getBox ul li .time span{margin-left: 10px;letter-spacing:0px;color: #a0a0a0}
.socket .postBox{height: 90px;background: #f6f6f6;padding: 10px;position: relative;}
.socket .linkBox{height: 26px;background: #e3e3e3}
.socket .linkBox span{width: 26px;height: 26px;margin-left: 4px;cursor: pointer;display: inline-block;}
.socket .linkBox .icon01{background: url('/static/images/socket01.png') center no-repeat}
.socket .linkBox .icon02{background: url('/static/images/socket02.png') center no-repeat}
.socket .linkBox .icon03{background: url('/static/images/socket03.png') center no-repeat}
.socket textarea{width: 895px;height: 80px;background: #f6f6f6;border: none}
.socket button{position: absolute;cursor: pointer;right: 20px;width: 124px;height: 34px;background: #000;color: #fff;top: 50px;border: none;font-size: 16px;}



/*分类*/
.prcType{padding: 0 40px;}
.typeTop{overflow: hidden;padding: 15px;}
.typeTop .left{float: left}
.typeTop .left span{margin-right: 14px;cursor: pointer;color: #999}
.typeTop .left span.active{text-decoration: underline;color: #333}
.typeTop .right{float: right}
.typeTop .right .num{margin-right: 24px;}
.typeTop .right .click{margin:0 4px;cursor: pointer;background-size: 60%;display: inline-block;width: 10px;height: 10px;}
.typeTop .right .click.none{opacity: .3}
.typeList{overflow: hidden;}
.typeList ul{margin-left: -10px;}
.typeList ul li{width: 215px;height: 350px;margin-bottom: 80px;float: left;margin-left: 10px;text-align: center;font-size: 20px;line-height: 1.4;cursor: pointer;position: relative;}
.typeList ul li:hover p{color: #ff0000}
.typeList ul li img{width: 215px;height: 215px;border: #9c9c9c solid 1px;padding: 32px 0;background: #fff}
.typeList ul li:hover img{border: #ff0000 solid 4px;width: 209px;height: 209px;}
.typeList ul li .title{font-size: 18px;padding: 0px 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing:3px;line-height: 1;padding-top: 8px; padding-bottom: 6px;}
.typeList ul li .price{font-size: 18px;line-height: 1}

.pageList{text-align: right;overflow: hidden;padding-bottom: 40px;float: right}
.pageList span{width: 16px;height: 28px;margin: 4px;font-size: 20px;color: #a0a0a0;cursor:pointer;line-height: 28px;display: inline-block;float: left}
.pageList span.active{text-decoration: underline;color: #666}
.pageList span.none{opacity: .2}

.noneList{text-align: center;line-height: 6;font-size: 20px;}

.people .checked .none{border: #ff0000 solid 1px;}

/*个人主页*/
.people{width: 1126px;margin: auto;}
.people .info{width: 920px;margin: auto;}
.people .title{font-size: 20px;border-bottom: #d3d3d3 solid 1px;line-height: 3;letter-spacing:6px;}
.people .clickBox{text-align: center;padding: 30px 0 100px 0;border-top:#d3d3d3 dashed 1px;}
.people .clickBox .msg{text-align: center;color: #ff0000;font-size: 18px;line-height: 3}
.people .clickBox button{width: 150px;height: 36px;background: #bebebe;margin: 0 15px;cursor: pointer;border: none;color: #fff}
.people .clickBox button.active{background: #494949}
.people .item01{padding: 20px 0 30px 40px}
.people .item01 a{display:block;color: #333;line-height: 1.8}
.people .item01 a:hover{color: #ff0000}
.people .item02{padding: 20px 0}
.people .item02 p{line-height: 1.8}
.people .item02 p span{width: 130px;display: inline-block;text-align: right;margin-right: 10px;}
.people .item03{padding: 20px 0;line-height: 2}
.people .item03 .del{float: right;cursor: pointer;}
.people .item03 .put{float: right;cursor: pointer;}
.people .item03 span{margin-right: 20px;color: #ccc}
.people .item03 p.active span{color: #333}
.people .item05{padding:20px 0 60px 0;}
.people .item05 a{margin-left: 10px;color: #333;text-decoration: underline;}
.people .item05 span{margin-left: 80px;}
.people .item05 input{position: absolute;margin-left: -14px;margin-top: 2px;}
.people .hui{color: #999}
.people .hui span{color: #999}
.people .hui a{color: #999}

.people .itemBox{padding: 20px 0;}
.people .itemBox p{margin-bottom: 10px;}
.people .itemBox span.stitle{width: 128px;text-align: right;margin-right: 10px;display: inline-block;}
.people .itemBox span.msg{}
.people .itemBox p input{width: 280px;height: 20px;padding: 5px 8px;border: #d3d3d3 solid 1px;line-height: 20px;margin-right: 10px;}
.people .itemBox p button{width: 210px;height: 36px;background: #494949;color: #fff;border: none;margin-left: 170px;cursor: pointer;}
.people .item03 p span.clickB{color: #ccc;cursor: pointer;}
.people .item03 p span.clickC{color: #ccc;cursor: pointer;}

.people select.slong{width: 292px;}
.people .txtle{line-height: 5;font-size: 14px;}
.people .getBox{text-align: center;padding: 60px 0 160px 0;}
.people .getBox button{width: 150px;height: 34px;background: #363636;border: none;cursor: pointer;color: #fff}

.people.none .none{border: #ff0000 solid 2px;}
.people.none span.none{border: 0;color: #ff0000}
.people select{height: 32px;padding: 5px;border: #d3d3d3 solid 1px;margin-right: 10px;}
.people span.msg{color: #666}

/*购物车*/
.cart{width: 1126px;margin: auto;}
.cart .stitle{text-align: center;font-size: 28px;line-height: 200px;margin-bottom: 40px;}
.cart .title{text-align: center;font-size: 32px;line-height: 3}
.cartList a{color: #333}
.cartList ul li.top{}
.cartList ul li p{float: left}
.cartList ul li{align-items:center;display: flex;padding: 20px 0;border-bottom: #d3d3d3 solid 1px;}
.cartList ul li .name{width: 630px;padding-left: 45px;align-items:center;display: flex;font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cartList ul li .name img{width: 110px;height: 140px;border: #d3d3d3 solid 1px;margin-right: 20px;}
.cartList ul li .price{width: 130px;font-size: 18px;}
.cartList ul li .number{width: 130px;font-size: 18px;}
.cartList ul li .number input{width: 50px;height: 30px;border: #d3d3d3 solid 1px;text-align: center;font-size: 16px;}
.cartList ul li .all{width: 130px;font-size: 18px;}
.cartList ul li .click{width: 40px;height: 140px;background: url('/static/images/deltel.png') center no-repeat;cursor: pointer;}

.cartPrice{padding-bottom: 100px;}
.cartPrice p{text-align: right;font-size: 25px;line-height: 3}
.cartPrice .price{padding-top: 10px;padding-bottom: 20px;}
.cartPrice span{margin-left: 20px;font-size: 25px;}
.cartPrice button{width: 230px;height: 60px;line-height: 56px;border: #000 solid 3px;cursor: pointer;color: #000;background: #fff;font-size: 25px;transition: all .5s;}
.cartPrice button:hover{background: #000;color: #fff}


/*确认订单*/
.cartEnter{width: 1126px;margin: auto;}
.cartEnter .info{overflow: hidden;}
.cartEnter .left{width: 490px;float: left}
.cartEnter .right{width: 490px;float: right}

.cartEnter .item{padding: 10px 30px;background: #f6f6f6;margin-bottom: 50px;}
.cartEnter .item p{padding-bottom: 8px;overflow: hidden;}

.cartEnter .item p.addList{padding-bottom: 60px;}
.cartEnter .item p.cartAll{padding-bottom: 60px;}
.cartEnter .item p.allMessage{padding-bottom: 60px;}

.cartEnter .item input{background: #fff;border: none;height: 24px;padding: 4px;}
.cartEnter .item input.youhui{width: 327px;}

.cartEnter .stitle{font-size: 20px;line-height: 2.4}
.cartEnter .intpu01{width: 200px;}
.cartEnter .intpu02{width: 200px;float: right}
.cartEnter .intpu03{width: 420px;}
.cartEnter .intpu04{width: 240px;}
.cartEnter .intpu05{width: 160px;float: right}
.cartEnter .intpu06{width: 100%;}
.cartEnter select{width: 100%;border: none;height: 34px;color: #999}
.cartSelect{line-height: 2.4;padding-bottom: 20px;}
.cartSelect span{cursor:pointer;}
.cartSelect .selectB{float:right}
.cartEnter textarea{width: 406px;padding: 10px;height: 80px;border: #d3d3d3 solid 1px;margin-bottom: 60px;}

.cartEnter .xtitle{text-align: center;font-size: 18px;line-height: 1.4;padding: 10px 0;margin-bottom: 66px;}
.cartEnter .xtitle:before{content: '';border-top: #ddd solid 1px;border-bottom: #d3d3d3 solid 1px;height: 2px;display: block;margin-bottom: 10px;}
.cartEnter .xtitle:after{content: '';border-top: #ddd solid 1px;border-bottom: #d3d3d3 solid 1px;height: 2px;display: block;margin-top: 10px;}
.cartEnter label{display: block;padding-left: 20px;font-size: 16px;line-height: 1.8;cursor: pointer;}
.cartEnter label input{position: absolute;margin-left: -18px;margin-top: 3px;}
.cartEnter .left button{background: #484848;height: 54px;width: 100%;border: none;cursor: pointer;color: #fff;font-size: 20px;margin-bottom: 100px;}

.cartPrc{border-bottom: #d3d3d3 solid 2px;padding-bottom: 15px;}
.cartPrc a{color: #333}
.cartPrc ul li{overflow: hidden;padding-bottom: 20px;}
.cartPrc ul li .img{float: left;width: 88px;}
.cartPrc ul li .name{float: left;width: 200px;font-size: 14px;line-height: 1.6}
.cartPrc ul li .num{float: right;text-align: right;font-size: 14px;line-height: 1.4}
.cartPrc ul li .price{font-size: 18px;line-height: 1.4}
.cartPrc ul li .close{display: block;width: 30px;height: 30px;background: url('/static/images/deltel.png') center no-repeat;cursor: pointer;float: right;margin-right: -4px;}
.cartPrc ul li img{width: 80px;height: 80px;padding: 10px 0;background: #fff}
.cartEnter .item .cartPrc input{width: 36px;height: 18px;border: #d3d3d3 solid 1px;text-align: center;font-size: 14px;}

.cartNum{padding: 20px 0px;border-bottom: #d3d3d3 solid 2px;}
.cartNum input{width: 260px;height: 20px;padding: 4px;border: none;float: left}
.cartNum button{width: 80px;height: 32px;border: none;background: #c8c8c8;font-size: 14px;cursor:pointer;margin-left: 14px;}

.cartCount{border-bottom: #d3d3d3 solid 2px;padding: 10px 0;}
.cartCount p{font-size: 14px;}
.cartCount span{float: right;font-size: 14px;}
.cartAll{font-size: 28px;line-height: 2}
.cartAll span{float: right;font-size: 28px;}

.cartEnter .none .none{border: #ff0000 solid 1px;}
.cartEnter .left input{border: #fff solid 1px;letter-spacing:0px;text-indent: 6px;height: 18px;line-height: 18px;color: #333;}
.cartEnter .left .addList input{margin-top: 6px;}
.cartEnter .left select{width: 430px}

.cartEnter .latitle{position: absolute;background: #fff;top:0px;height: 16px;line-height: 1;font-size: 12px;display: block;padding-left: 10px;letter-spacing:0px;padding-top: 6px;color: #999}
.cartEnter .latitle.t1{width: 200px;left: 0px;}
.cartEnter .latitle.t2{width: 200px;left: 220px}
.cartEnter .latitle.t3{width: 420px;left: 0px}
.cartEnter .itemInfo .inputbox{position: relative;padding-top: 22px;}
.itemInfo a{color: #333}
/*我的订单*/
.orderTop{border-bottom: #d3d3d3 solid 2px;}
.orderTop span{color: #b9b9b9;margin-right: 50px;font-size: 20px;line-height: 3;cursor: pointer;}
.orderTop span.active{color: #333}

.orderList{padding-bottom: 100px;}
.orderList .item{background: #f6f6f6;margin-top: 36px;padding: 0px 45px;}
.orderList .itemTop{border-bottom: #d3d3d3 solid 2px;overflow: hidden;}
.orderList .itemTop p{float: left;font-size: 14px;line-height: 3}
.orderList .itemTop p.name{width: 240px;letter-spacing:0px;}
.orderList .itemTop p.time{width: 320px;letter-spacing:0px;}
.orderList .itemTop p.number{width: 380px;letter-spacing:0px;}
.orderList .itemTop p.desc{float: right;cursor: pointer;}
.orderList .itemInfo ul li{overflow: hidden;display: flex;align-items:center;}
.orderList .itemInfo .top{border-bottom: #d3d3d3 solid 2px;text-align: center;}
.orderList .itemInfo .top p{font-size: 14px;line-height: 3;}
.orderList .itemInfo ul{padding-bottom: 10px;border-bottom: #d3d3d3 solid 2px;}
.orderList .itemInfo ul li{margin-top: 10px;}
.orderList .itemInfo p{float: left;font-size: 18px;}
.orderList .itemInfo .top .t1{text-indent: 32px;}
.orderList .itemInfo p.t1{width: 720px;text-align: left;}
.orderList .itemInfo p.t2{width: 120px;text-align: center;}
.orderList .itemInfo p.t3{width: 120px;text-align: center;}
.orderList .itemInfo p.t4{float: right;text-align: right;width: 150px;}
.orderList .itemInfo img{width: 100px;height: 100px;vertical-align: middle;margin-right: 20px;border: #d3d3d3 solid 1px;}
.orderList .itemBottom{text-align: right;font-size: 25px;line-height: 3;position: relative;overflow: hidden;}
.orderList .itemBottom span{margin-left: 20px;font-size: 25px;}
.orderList .itemBottom .more{width: 30px;height: 30px;position: absolute;left: 50%;margin-top: 100px;background: url('/static/images/more.png') center no-repeat;cursor: pointer;}

.orderList .itemInfo ul{height: 278px;overflow: hidden;}
.orderList.orderDesc .itemInfo ul{height: auto;overflow: hidden;}
.orderList .itemInfo ul.more{height: auto;}

.orderDesc .title{font-size: 18px;border-bottom: #d3d3d3 solid 2px;line-height: 3}
.orderDesc .item{background: none}
.orderDesc .descList{padding: 20px 60px;line-height: 2.4;}
.orderDesc .descList p{letter-spacing:0px;}
.orderDesc .descList span{width: 110px;display: inline-block;}

.orderNone{text-align: center;font-size: 30px;line-height: 200px;}
.addDiv{width: 210px;float: right;padding: 20px 0}
.addP{line-height: 30px;text-align: left;font-size: 18px;}
.addP.old span{text-decoration:line-through;color: #ccc}

/*商品详情页*/
.prcDesc{width: 1126px;margin: auto;}
.prcTop{overflow: hidden;min-height: 512px;padding-top: 35px;}
.prcTop .left{width: 450px;float: left}
.prcTop .right{margin-left: 460px;}
.prcTop .bigPrc img{width: 424px;height: 424px;border: #d3d3d3 solid 1px;}
.prcTop .prcList span{width: 80px;height: 80px;border: #d3d3d3 solid 1px;overflow: hidden;display: inline-block;margin-right: 6px;cursor: pointer;}
.prcTop .prcList span img{width: 80px;height: 80px;}
.prcTop .right p{font-size: 18px;line-height: 1}
.prcTop .right .title{font-size: 24px;letter-spacing:3px;margin-bottom: 50px;}
.prcTop .right .price{font-size: 18px;margin-top: 20px;}
.prcTop .right .number{font-size: 18px;margin-top: 20px;}
.prcTop .right .count{font-size: 18px;margin-top: 20px;}
.prcTop .right .pay{font-size: 18px;margin-top: 20px;}
.prcTop .right .click{font-size: 18px;margin-top: 20px;}

.prcTop .right span{width: 50px;display: inline-block;line-height: 30px;font-size: 14px;letter-spacing:3px;}
.prcTop .title{font-size: 25px;}
.prcTop .price{font-size: 25px;}
.prcTop input{width: 130px;height: 20px;font-size: 16px;padding: 4px;background: #f1f1f1;border: none}
.prcTop button{width: 270px;height: 60px;font-size: 20px;background: #fff;border: #000 solid 3px;cursor: pointer;margin-top: 50px;transition: all .5s;}
.prcTop button:hover{background: #000;color: #fff}
.prcTop .prcList{padding-top: 4px;}

.prcInfo{text-align: center;border-bottom:#d3d3d3 dashed 1px;padding-bottom: 40px;}
.prcInfo .stitle{font-size: 20px;line-height: 3;text-align: left;margin-top: 60px;}
.prcInfo table{font-size: 16px;text-align: left;width: 100%;line-height: 1.6;margin-bottom: 20px;color: #666}
.prcDescInfo{text-align: left}

.prcAbout{position: relative;}
.prcAbout .stitle{font-size: 20px;line-height: 1;text-align: left;padding-top: 16px;padding-bottom: 22px;}
.aboutList{position: relative;overflow: hidden;height: 430px;}
.aboutList ul{overflow: hidden;height: 430px;width: auto;position: absolute;left: -6px; transition: all .5s;}
.aboutList ul li{width: 216px;height: 350px;float: left;margin: 0px 5px;text-align: center;margin-bottom: 80px;}
.aboutList ul li:hover p{color: #ff0000}
.aboutList ul li p.title{font-size: 18px;line-height: 1;padding: 0px 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing:2px;padding-top: 8px;padding-bottom: 6px}
.aboutList ul li p.price{font-size: 18px;line-height: 1;}
.aboutList ul li img{width: 216px;height: 216px;border: #d3d3d3 solid 1px;background: #fff;padding:32px 0 }
.aboutList ul li:hover img{width: 210px;height: 210px;border: #ff0000 solid 4px;}
.prcAbout .next{width: 36px;height: 36px;position: absolute;display: inline-block;right: 0;top: 16px;cursor: pointer;background: url('/static/images/right.png') center no-repeat}
.prcAbout .prev{width: 36px;height: 36px;position: absolute;display: inline-block;right: 36px;top: 16px;cursor: pointer;background: url('/static/images/left.png') center no-repeat}
.prcAbout .next.on{opacity: 0.4}
.prcAbout .prev.on{opacity: 0.4}



.login{width: 100%;height: 100%;background: rgba(255,255,255,0.9);position: fixed;top: 0;left: 0;z-index: 999}
.login .info{width: 540px;height: 380px;background:#f4f4f4;border: #d3d3d3 solid 3px;margin: auto;margin-top: 10%;padding: 10px;text-align: center;position: relative;z-index: 999}
.login .title{font-size: 25px;color: #363636;padding-top: 22px;padding-bottom: 10px;}
.login .from{border-bottom: #ddd solid 2px;padding-bottom: 16px;}
.login .from p{padding-bottom: 10px;overflow: hidden;}
.login .from .stitle{width: 160px;float: left;text-align: right;display: inline-block;line-height: 34px;font-size: 14px;padding-right: 10px;}
.login .from input{width: 260px;height: 26px;line-height: 26px;padding: 5px;float: left;border: none;letter-spacing:0px;}
.login .from button{width: 160px;height: 30px;border: none;background: #4c4c4c;font-size: 14px;cursor: pointer;color: #fff;}
.login .register{line-height: 1.4;font-size: 12px;color: #363636}
.login .register button{width: 160px;height: 30px;border: none;background: #4c4c4c;font-size: 14px;cursor: pointer;color: #fff;margin-top: 14px;}
.login .huiBg{display: block;}

.banner .el-carousel__arrow{width: 38px;height: 67px;border-radius: 0px;}
.banner .el-carousel__arrow--left{left: 0px;background: url('/static/images/tab.png') left no-repeat}
.banner .el-carousel__arrow--right{right: 0px;background: url('/static/images/tab.png') right no-repeat}



/*加载效果
.loading{background: url('/static/images/load.png') center no-repeat;width: 100%;height: 200px;}
*/

.loading{width: 100%;height: 100%;background: rgba(255,255,255,0.8);position: fixed;z-index: 9999;top:0;left: 0;text-align: center;}
.loading span{width: 43px;height: 43px;background: url('/static/images/load.gif');background-size: 100%;display: block;margin-top: 30%}
.isWap .loading span{width: .8rem;height: .8rem;background: url('/static/images/load.gif');background-size: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-top: -0.4rem;margin-left: -0.4rem}

/*faq*/
.faqList{width:920px;margin: auto;padding-bottom: 100px;}
.faqList .title{font-size: 18px;border-bottom: #d3d3d3 solid 1px;line-height: 3;text-align: left;letter-spacing:6px;}
.faqList .faqItem{line-height: 2;padding: 10px 20px;padding-bottom: 60px;padding-left: 40px;}
.faqList ul{padding: 10px 0}
.faqList ul li{font-size: 12px;line-height: 28px;padding-left: 35px;cursor: pointer;}
.faqList ul li:hover{color: #ff0000}
.faqList .buttonA{width: 200px;height: 30px;background: #363636;color: #fff;display: block;border: none;cursor: pointer;margin-top: 20px;}

body{width: 100%;overflow-x: hidden;}
.cartTop{width: 295px;height: 650px;background: #eaeaea;position:fixed;top: 0;right: -345px;transition: all .5s;padding: 25px;z-index: 999}
.cartStart{right: 0}
.cartTop .title{font-size: 16px;padding-bottom: 10px;}
.cartTop .item{height: 420px;overflow-x:hidden;}
.cartTop .item ul{width: 430px;overflow: auto;}
.cartTop .item ul li img{width: 86px;height: 86px;position:absolute;left: 0;top: 10px;cursor: pointer;padding: 11px 0;background: #fff}
.cartTop .item ul li{position: relative;padding: 10px 0 10px 112px;border-bottom: #d3d3d3 dashed 1px;min-height: 110px;font-size: 14px;line-height: 1.4}
.cartTop .item ul li p{font-size: 14px;}
.cartTop .item ul li .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 180px;padding-right: 60px;cursor: pointer;}
.cartTop .item ul li .sPrice{font-size: 18px;margin-top: 30px;}
.cartTop .item ul li .del{background: url('/static/images/deltel.png') center no-repeat;cursor: pointer;width: 20px;height: 20px;display: none;position: absolute;top: 4px;left: 300px;}
.cartTop .item ul li:hover .del{display: block;}

.cartTop .clickBox{text-align: center;padding-top: 20px;font-size: 14px;width: 345px}
.cartTop .clickBox .allPrice{font-size: 30px;}
.cartTop .clickBox button{width: 240px;height: 56px;background: none;border: #fff solid 5px;margin-top: 10px;cursor: pointer;font-size: 18px;transition: all .5s;}
.cartTop .clickBox button:hover{border: #000 solid 5px;background: #000;color: #fff}
.cartInfo{position:absolute;z-index: 999;}
.huiBg{width: 100%;height: 100%;background: rgba(255,255,255,0.4);position: fixed;top: 0;left: 0;display: none;z-index: 998}
.huiBg.huiShow{display: block;}

.bodyCart{overflow-x: hidden;width: 100%;height: 100%;}
.bodyCart #app{margin-left: -690px}
.regMessage{line-height: 1;display: none;padding-bottom: 26px;}
.people.none .regMessage{font-size: 16px;color: #ff0000;border: none;display: block;}

.check .aboutText{display: block;}
.people .check .none{border: #ff0000 solid 1px;}
.aboutText{padding-left: 130px;width: 300px;text-align: center;color: #ff0000;display: none}
.buttonA{width: 120px;height: 30px;background: #494949;color: #fff;border: none;margin-left: 130px;cursor: pointer}

.qqShow{width: 920px;margin: auto;}
.qqShow .title{font-size: 16px;padding: 20px 0 60px 0}
.qqShow .list{overflow: hidden;padding-bottom: 150px;}
.qqShow .list li{width: 30%;float: left;text-align: center;}
.qqShow .list li span{display: block;font-size: 12px;background:url('/static/images/qq.jpg') 80px 0 no-repeat;height: 22px;line-height: 22px;text-indent: 24px;}
.qqShow .list li img{width: 200px;}

.message{width: 870px;margin: auto;border: #d8d8d8 dotted 2px;margin-top: 18px;padding: 20px;border-radius: 10px;text-align: center;}
.message p{color: #b6b6b6;font-size: 22px;}
.message .p1{font-size: 32px;}
.message .p2{padding-top: 30px;line-height: 34px;}
.message .p3{padding-top: 12px;line-height: 46px;}

.qqBox{position: fixed;right: 4px;top: 50%;z-index: 99999}
.qqA{width: 40px;height: 133px;background: url('/static/images/open_im.png');cursor: pointer;}
.qqB{width: 110px;border: 1px solid #ccc;text-align: center;border-radius: 8px;background: #F9FAFB}
.qqBox .tel{border-top: #ccc solid 1px;padding-bottom: 20px;}
.qqInfo{width: 109px;height: 88px;background: url('/static/images/qq-icon-bg.png') no-repeat center 8px;}
.qqBox .qqMain{    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: absolute;
    left: 21px;
    top: 12px;
    overflow: hidden;
    z-index: 9;text-align: center;}
.qqBox .qq .title{margin-top: 6px;font-size: 14px;line-height: 26px;color: #0484cd;padding-bottom: 10px;}
.qqBox .tel .title{margin-top: 6px;font-size: 14px;line-height: 26px;color: #333}
.qqBox .tel p{color: #e66d15;}

.isWap{display: none}
@media screen and (max-width: 740px) {
   .isPc{display: none}
   .isWap{display: block;}
}
.HeaderWap{background: none}
.HeaderWap .navWap{float: left}
.bannerWap{width: 100%;height: 3.2rem;margin: .2rem 0}
.bannerWap img{width: 100%}

.HeaderWap{padding: .16rem .3rem;position: relative;}
.HeaderWap .wLogo{margin: 0 .8rem;text-align: center;color: #000000}
.HeaderWap .wLogo .title{font-size: .38rem;line-height: 1.2}
.HeaderWap .wLogo .txtle{font-size: .2rem;line-height: 1}

.HeaderWap .wNav{width: .6rem;height: .6rem;position: absolute;left: .3rem;top: .17rem;z-index: 9999;display: block;}
.HeaderWap .wNav i{width: .29rem;height: .28rem;background: url('/static/images/wapl.png') no-repeat;background-size: 100%;display: block;cursor: pointer;margin-top: .24rem}
.HeaderWap .wCart{height: .33rem;background: url('/static/images/wapr.png') left center no-repeat;background-size:  auto 100%;display: block;cursor: pointer;position: absolute;right: .3rem;top: .34rem;padding-left: .34rem;line-height: .33rem;color: #a6a6a6;font-size: .22rem;z-index: 9999}

.mainWap .bannerWap .vux-indicator{width: 100%;text-align: center;right: 0;bottom: .04rem}
.mainWap .bannerWap .vux-indicator a{float: none;}
.mainWap .bannerWap .vux-indicator a i{width: .5rem;height: .05rem}
.mainWap .bannerWap .vux-indicator a i.active{background: #525252}
.mainWap .bannerWap .vux-swiper{height: 3.2rem !important}

.navWap{width: 100%;height: 100%;position: fixed;background:rgba(0,0,0,0.9);top: 0;left: 0;z-index: 99999}
.navWap .closeNav{width: .33rem;height: .32rem;background: url('/static/images/wapclose.png') no-repeat;background-size: 100%;display: block;float: right;cursor: pointer;margin-top: .3rem;margin-right: .3rem}
.navWap ul{padding-top: 1.6rem;overflow: auto;height: 70%;margin-top: 10%;margin-bottom: 20%}
.navWap ul li{font-size: .32rem;color: #fff;text-align: center;line-height: .84rem;}
.navLogin{text-align: center;color: #fff;font-size: .32rem;position: absolute;bottom: 1rem;width: 100%}
.navLogin a{color: #fff;display: inline-block;margin: auto;width: 40%}

/*wap登录*/
.loginWap{top: 0;left: 0;background: #fff;width: 100%;height: 100%}
.loginWap a{color: #fff;width: 40%;display: inline-block;}
.loginWapInfo{padding: .6rem}
.loginWapInfo .title{font-size: .2rem;color: #868686}
.loginWapInfo input{border: none;border-bottom: #ddd solid 1px;background: none;font-size: .26rem;color: #868686;height: .6rem;line-height: .6rem;width: 100%;}
.loginWapInfo .item{margin-bottom: .5rem}
.loginWapInfo .clickBox{text-align: center;}
.loginWapInfo button{width: 4.5rem;height: .7rem;border: #ddd solid 1px;cursor: pointer;color: #585858;font-size: .26rem;background: none;display: inline-block;margin: auto;margin-bottom: .36rem}

.loginWapInfo p{}

.loginWapInfo.none .none{color: #ff0000;}
.loginWapInfo.none .none p{color: #ff0000;}
.loginWapInfo.none .none input{border-bottom: #ff0000 solid 1px;}

.footerWap{padding: .3rem .4rem;background: #f0f0f0;}
.footerWap .wapInfo{overflow: hidden;padding-bottom: .8rem}
.footerWap .fl{float: left;}
.footerWap p{font-size: .2rem;line-height: .4rem}
.footerWap p.title{font-size: .26rem;margin-bottom: .2rem}
.footerWap .fr{float: right;}

.messageWap{border: #d8d8d8 dotted .03rem;padding: .3rem;border-radius: .3rem;text-align: center;margin: .3rem;}
.messageWap p{color: #b3b3b3;font-size: .2rem}
.messageWap .p1{font-size: .26rem;margin-bottom: .28rem}
.messageWap .p3 p{margin-top: .16rem}

.wapTitle{text-align: center;width: 2rem;font-size: .26rem;color: #666;font-weight: 100;margin: auto;position: relative;}
.wapTitle:before{content: '';width: .5rem;height: .02rem;background: #b3b3b3;display: block;position: absolute;margin-left: -0.5rem;top: .16rem}
.wapTitle:after{content: '';width: .5rem;height: .02rem;background: #b3b3b3;display: block;position: absolute;margin-left: 2rem;top: .16rem}

.hotListWap ul{overflow: hidden;height: 7rem;padding-top: .26rem}
.hotListWap li{width: 33.3%;float: left;text-align: center;height: 3.5rem}
.hotListWap li img{width: 2rem;height: 2rem;border: #ddd solid 1px;}
.hotListWap li .title{text-align: left;width: 2rem;margin: auto;}
.hotListWap li .price{text-align: left;width: 2rem;margin: auto;margin-top: .04rem}

.itemListWap{padding: 0 .3rem}
.vux-swiper{height: 3.6rem!important}
.itemListWap .gunDiv{width: 33.3% !important;float: left;margin-left:0;height: 3.6rem;text-align: center;overflow: hidden;position: relative;}
.itemListWap .gunDiv img{width: 2rem;height: 2rem;border: none;box-sizing:border-box;border: #ddd solid 1px;}
.itemListWap .gunDiv .title{font-size: .2rem;color: #3b3b3b;padding: 0;overflow: visible;white-space:normal;text-align: left;width: 2rem;margin: auto;line-height: 1.4;margin-top: .04rem;display: block;height: auto;}
.itemListWap .gunDiv .price{font-size: .2rem;color: #3b3b3b;padding: 0;width: 2rem;margin: auto;text-align: left;margin-top: .06rem}
.itemListWap .txtleWap{font-size: .26rem;color: #6b6b6b;line-height: .34rem;padding: .24rem 0}
.itemListWap .txtleWap span{width: .28rem;height: .34rem;display:inline-block;float: left;margin-right: .1rem}
.itemListWap .itemA{background: #d3ffde}
.itemListWap .itemB{background: #9aa4c3}
.itemListWap .itemC{background: #f6c1fb}


.prcDescWap{padding: 0 .3rem}
.prcDescWap .bigPrc img{width: 80%}
.prcDescWap .aboutList ul li{width: 3.4rem;height: 2.5rem}
.prcDescWap .aboutList ul li img{width: 100%}

.prcTypeWap{padding: 0 .3rem}
.prcTypeWap .typeList ul{padding: 0;margin: 0}
.prcTypeWap .typeList ul li:nth-child(2n) a{float: right}
.prcTypeWap .typeList ul li{width: 50%;float: left;box-sizing:border-box;overflow: hidden;padding: 0;margin: 0;height: 4.5rem;}
.prcTypeWap .typeList ul li a{width: 3rem;display: block;}
.prcTypeWap .typeList ul li img{width: 100%;box-sizing:border-box;overflow: hidden;box-sizing: border-box;border: #ddd solid 1px;}
.prcTypeWap .typeList ul li:hover img{width: 100%;box-sizing:border-box;overflow: hidden;border: #ddd solid 1px;}

.indexGunWap .classA a{float: left}
.indexGunWap .classC a{float: right}
.indexGunWap .gunDiv a{width: 2rem;}
.indexGunWap .classA .wapBuy{right: .6rem}
.indexGunWap .classC .wapBuy{right: .2rem}

/*详情页*/
.prcDescWap .pTitle{border: none;padding: 0;font-size: .2rem;color: #585858}
.prcDescWap .title{font-size: .36rem;color: #000;line-height: 1;margin-top: .64rem;margin-bottom: .45rem}
.prcDescWap .prcWapTitle{font-size: .26rem;color: #575757;margin-top: .4rem}
.prcDescWap .prcWapTitle span{display: block;font-size: .2rem;color: #afafaf;line-height: .56rem}
.prcDescWap .prcWapTitle input{width: 1.3rem;height: .4rem;background: #f4f4f4;border: none;font-size: .2rem;padding: .1rem}
.prcDescWap .prcWapTitle button{width: 3.6rem;height: .8rem;border: #666666 solid .01rem;background: #fff;font-size: .26rem}

.prcDescWap .aboutList{}


/*列表页*/
.prcTypeWap ul li{width:3rem;height: 3rem;}
.prcTypeWap ul li img{border: none;width:3rem;height: 3rem;padding: 0}
.prcTypeWap ul li:hover img{border: none;width:3rem;height: 3rem;padding: 0}
.prcTypeWap .typeList ul li p{width: 3rem;margin: auto;padding: 0;text-align: left;margin-top: 0rem;line-height: 1.2}
.prcTypeWap ul li p.title{font-size: .2rem;color: #3b3b3b}
.prcTypeWap ul li p.price{font-size: .2rem;color: #3b3b3b;margin-top: .04rem}


/*faq*/
.wapTopTitle{text-align: center;font-size: .36rem;color: #868686;line-height: 1;padding: .3rem 0}
.faqWap{padding: 0 .6rem;padding-bottom: .7rem;font-size: .22rem;color: #c3c3c3;}
.faqWap p,.faqWap div{font-size: .22rem;color: #c3c3c3;}
.faqWap .title{font-size: .26rem;color: #868686;line-height: 1;padding: .5rem 0 .4rem 0}
.faqWap ul{border-bottom: #ddd solid 1px;}
.faqWap ul li{font-size: .22rem;color: #c3c3c3;margin-bottom: .3rem}
.faqWap ul.last{border-bottom: none;}



/*购物车*/
.cartWap{margin: .3rem;overflow: hidden;}
.cartWap .cartTab{overflow: hidden;}
.cartWap p{float: left;color: #b8b8b8}
.cartWap ul li.cartTab{padding: .1rem 0}
.cartWap ul li.cartTab .name{width: 60%;line-height:1}
.cartWap ul li.cartTab .price{width: 15%;line-height:1;}
.cartWap ul li.cartTab .number{width: 15%;padding-top: 0;line-height: 1}
.cartWap ul li a{color: #b8b8b8}
.cartWap ul li{padding: .3rem 0;border-bottom: #ddd solid 1px;overflow: hidden;}
.cartWap ul li .name{width: 60%}
.cartWap ul li .price{width: 15%;line-height: 1rem;text-align: center;}
.cartWap ul li .number{width: 15%;padding-top: .25rem}
.cartWap ul li input{width: .5rem;height: .5rem;text-align: center;border: #ddd solid 1px;}
.cartWap ul li img{width: 1rem;height: 1rem;float: left;margin-right: .2rem;box-sizing:border-box;border: #ddd solid .01rem }
.cartWap ul li .click {width: 10%;height: 1rem;background: url(/static/images/wapclose2.png) center no-repeat;background-size: 50%;cursor: pointer;}

.cartPriceWap .price{padding-right: .3rem;font-size: .26rem;color: #ababab;text-align: right;margin-top: .5rem}
.cartPriceWap .price span{color: #ababab;}
.cartPriceWap .inputBox{text-align: center;padding-bottom: 1.6rem;padding-top: .6rem}
.cartPriceWap button{width: 6rem;height: .8rem;text-align: center;font-size: .26rem;color: #4c4c4c;border: #4c4c4c solid 1px;background: none;margin: auto;}

.cartEntWap .item{border-bottom: #ddd solid 1px;padding: 0 .3rem}
.cartEntWap .item .stitle{font-size: .36rem;color: #585858;line-height: 1rem}
.cartEntWap .item .inputbox{overflow: hidden;padding-bottom: .3rem}
.cartEntWap .item .inputbox span{font-size: .26rem;color: #b8b8b8;display: block;}
.cartEntWap .item .inputbox input{width: 100%;height: .66rem;font-size: .26rem;color: #b8b8b8;display: block;border: none;border-bottom: #4c4c4c solid 1px;padding: 0;background: none}
.cartEntWap .item .inputbox textarea{width: 98%;height: 2.2rem;font-size: .26rem;color: #585858;display: block;border: #ddd solid 1px;padding: .05rem}
.cartEntWap .item .xtitle{width: 100%;text-align: center;border-top: #ddd solid 1px;border-bottom: #ddd solid 1px;font-size: .26rem;color: #5d5d5d;line-height: 2;margin-bottom: 1rem;padding: .2rem 0}
.cartEntWap .item .xtitle img{margin-top: .2rem;width: 40%}
.cartEntWap .item .addList input{width: .26rem;height: .30rem;float: left;margin-right: .1rem;}
.cartEntWap .item .addList{line-height: .28rem}
.cartEntWap .item label{height: .5rem;display: block;}
.cartEntWap .cartSelect span{font-size: .2rem}

.cartEntWap .item .cartPrc li{border-bottom: #ddd solid 1px;padding: .3rem 0}
.cartEntWap .item .cartPrc .img{width: 1rem;height: 1rem;margin-right: .1rem}
.cartEntWap .item .cartPrc .img img{width: 1rem;height: 1rem;padding: 0}
.cartEntWap .item .cartPrc .name{width: 2.5rem;}
.cartEntWap .item .cartPrc .name a{font-size: .22rem;color: #b8b8b8;line-height: 1}
.cartEntWap .item .cartPrc .num{font-size: .22rem;color: #9b9b9b}
.cartEntWap .item .cartPrc .num p{font-size: .22rem;color: #9b9b9b}
.cartEntWap .item .cartPrc .num input{width: 1.3rem;height: .3rem;border: #ddd solid 1px;margin: .05rem 0;text-align: right;padding: .02rem}
.cartEntWap .item .cartPrc ul li .close{width: .3rem;height: .3rem;background-size: 100%;margin-right: 0}
.cartEntWap .item .cartNum input{width: 78%;box-sizing: border-box;padding: .05rem;border: #ddd solid 1px;height: .6rem;line-height: .6rem;font-size: .26rem;color: #606060}
.cartEntWap .item .cartNum button{width: 20%;box-sizing:border-box;margin-left: 0px;height: .6rem;font-size: .26rem;color: #606060}
.cartEntWap .item .cartCount{padding: 0;padding-top: .3rem}
.cartEntWap .item .cartCount p{padding-bottom: .3rem;font-size: .26rem;color: #b8b8b8;line-height: 1}
.cartEntWap .item .cartCount p span{padding-bottom: .3rem;font-size: .26rem;color: #b8b8b8;}
.cartEntWap .item .cartAll{font-size: .36rem;color: #777777;height: 1.7rem;line-height: 3}
.cartEntWap .item .cartAll span{font-size: .36rem;color: #777777;}

.mainWap .wapBox{text-align: center;padding-bottom: 1.2rem}
.mainWap .wapBox button{width: 6rem;height: .6rem;border: #4c4c4c solid 1px;font-size: .26rem;display: block;margin: auto;margin-top: .3rem;background: none;cursor: pointer;}


.itemListWap .vux-indicator{width: 100%;right: 0;text-align: center;bottom: 0}
.itemListWap .vux-slider .vux-indicator a{display: inline-block;float: none}
.itemListWap .vux-slider .vux-indicator a i {width: .5rem;height: .03rem;}

.wapList{text-align: center;padding: .3rem}

.aboutWap{padding: .3rem}
.aboutWap .title{font-size: .26rem;margin-bottom: .5rem}
.aboutWap .item{border-bottom: #999 solid 1px;padding-bottom: .3rem;margin-bottom: .3rem;color: #c3c3c3}
.aboutWap .item03 p{line-height: 1.8}
.aboutWap .item .del{margin-left: .5rem;float: right;}
.aboutWap .item .put{margin-left: .5rem;float: right;}
.aboutWap .item p,.aboutWap .item p span,.aboutWap .item label,.aboutWap .item a{color: #c3c3c3}
.mainWap .wapBox button{width: 6rem;height: .6rem;border: #4c4c4c solid 1px;font-size: .26rem;display: block;margin: auto;margin-top: .3rem;background: none;cursor: pointer;}
.aboutWap .itemR{float: right}
.aboutWap button{}

/*用户订单*/
.wapTopTxtle{font-size: .2rem;color: #868686;padding: 0 .6rem}
.orderWap{padding: 0 .6rem}
.orderWap .orderTop{border-bottom: none;margin-top: .3rem;}
.orderWap .orderTop select{font-size: .2rem;color: #c3c3c3}
.orderWap .orderList{margin-bottom: 1rem;padding-bottom: 0}
.orderWap .orderList .item{padding: .26rem;margin-bottom: .5rem;background: #f0f0f0;line-height: 1;margin-top: .4rem}
.orderWap .orderList .item img{width: 1rem;height: 1rem;box-sizing:border-box;margin-right: .16rem;float: left }
.orderWap .orderList .item li{margin-top: .4rem}
.orderWap .orderList .item .t1 a{font-size: .2rem;color: #a6a6a6;line-height: 1;text-align: left}
.orderWap .orderList .item .tr p{font-size: .2rem;color: #a6a6a6;line-height: 1;text-align: right}
.orderWap .orderList .itemInfo ul{height: auto;}

.orderWap .itemTop p{font-size: .2rem;color: #c2c2c2;line-height: 2}
.orderWap .itemBottom{position: relative;}
.orderWap .itemBottom .desc{position: absolute;font-size: .2rem;color: #6e6e6e;top: .2rem;line-height: 1}
.orderWap .itemBottom .addDiv{padding: 0;width: auto;float: right}
.orderWap .itemBottom .addDiv p{font-size: .2rem;color: #a6a6a6;line-height: 1;margin-top: .24rem;display: block;}
.orderWap .itemBottom .addDiv p span{font-size: .2rem;color: #a6a6a6;line-height: 1}

.orderDescWap{padding: 0 .6rem;margin-bottom: 1.3rem}
.orderDescWap .item{padding: 0 .2rem;background: #f0f0f0;line-height: 1;margin-top:.4rem}
.orderDescWap .item img{width: 1rem;height: 1rem;box-sizing:border-box;margin-right: .16rem;float: left }
.orderDescWap .item li{margin-top: .4rem}
.orderDescWap .item .t1 a{font-size: .2rem;color: #a6a6a6;line-height: 1;text-align: left}
.orderDescWap .item .tr p{font-size: .2rem;color: #a6a6a6;line-height: 1;text-align: right}
.orderDescWap .itemBottom{border-bottom: #ddd solid 1px;padding-bottom: .4rem}
.orderDescWap .itemBottom .addDiv{padding: 0;width: auto;float: right}
.orderDescWap .itemBottom .addDiv p{font-size: .2rem;color: #a6a6a6;line-height: 1;margin-top: .24rem;display: block;}
.orderDescWap .itemBottom .addDiv p span{font-size: .2rem;color: #a6a6a6;line-height: 1}
.orderDescWap .title{border-bottom: none;padding-top: .18rem}
.orderDescWap .descList{border-bottom: #ddd solid 1px;}
.orderDescWap .descList.last{border-bottom: none}
.orderDescWap.orderList .itemInfo ul{border-bottom: #ddd solid 1px;}
.orderDescWap .descList{padding: .28rem 0;}
.orderDescWap .descList p{font-size: .2rem;color: #c2c2c2;line-height: 1;margin-bottom: .14rem}
.orderDescWap .descList p span{font-size: .2rem;color: #c2c2c2}



.peopleWap{width: 100%}
.peopleWap .info{min-height: 3.4rem}
.peopleWap .info{width: 100%;padding: .1rem .5rem;box-sizing:border-box }
.peopleWap .info .itemBox span{display: block;font-size: .22rem;color: #c7c7c7;width: 100%;text-align: left;line-height: 1;margin-top: .6rem}
.peopleWap .info .itemBox input{border: none;border-bottom: #ddd solid 1px;background: none;font-size: .22rem;color: #c7c7c7;height: .6rem;line-height: 1;width: 100%;padding: 0;margin-top: .14rem}
.peopleWap .info .itemBox input.on{color: #868686}
.peopleWap .info .itemBox p.on span{color: #868686}
.peopleWap .info .itemBox p.on input{color: #868686}
.peopleWap .info .wapNewP{border-bottom: #ddd solid 1px;font-size: .26rem;color: #c7c7c7;height: .6rem;line-height: .6rem;width: 100%;padding: 0;margin-top: .14rem}
.peopleWap .info .title{font-size: .26rem;color: #868686;border-bottom: none;line-height: 1;padding-top: .3rem}
.peopleWap .itemBox{padding: 0}
.peopleWap .info .item05 span{margin-left: 0;font-size: .2rem;color: #c7c7c7}
.peopleWap .info .item05 span a{margin-left: 0;font-size: .2rem;color: #c7c7c7}
.peopleWap .info .item05 .right{float: right}
.peopleWap select{border: none;height: .6rem;margin-top: .14rem}
.peopleWap.none .info input.none{border-bottom: #ff0000 solid 1px}
.peopleWap.none .info span.none{color: #ff0000}



.wapList p{height: .2rem;font-size: .2rem;line-height: 1}
.wapList p span{width: .2rem;height: .2rem;background: url('/static/images/xia.png') center no-repeat;background-size: 100%;display: inline-block;margin-top: .04rem}
.wapList ul{border: #ddd solid 1px;width: 1.4rem;margin: auto;position: absolute;background: #fff;z-index: 9999;left: 50%;margin-left: -0.7rem;margin-top: -0.2rem;padding: .04rem 0}
.wapList ul li{width: auto;height: auto;cursor: pointer;line-height: 1.6}
.wapList ul li:hover{color: red}


.peopleUp button{width: 6rem;height: .6rem;border: #4c4c4c solid 1px;font-size: .26rem;display: block;margin: auto;margin-top: .3rem;background: none;cursor: pointer;}
.peopleUp select{width: 100%;border: none;font-size: .26rem;display: block;margin: auto;margin-top: .3rem;background: none;cursor: pointer;}

.peopleUp .info .itemBox input{margin-bottom: .2rem}

.hotListWap li{position: relative;}
.wapBuy{position: absolute;right: .4rem;margin-top: 1.5rem}
.wapBuy.on .spanA{transition: all .5s;transform:rotate(180deg);}
.wapBuy .spanA{width: .42rem;height: .42rem;background: #f3a3f6;display: block;border-radius: 50%;position: absolute;right: 0;background: url('/static/images/wapbug.png');background-size: 100%;z-index: 10}
.wapBuy .spanB{width: .42rem;height: .42rem;background: #f3a3f6;display: block;border-radius: 50%;position: absolute;right: 0;background: url('/static/images/wapbugon.png');background-size: 100%;}
.wapBuy.on .wapBuyOn{opacity: 1;transition: all .5s;}
.wapBuy.on input{transition: all .5s;width: .47rem}
.wapBuy input{width: 0rem;height: .40rem;border: #f3a3f6 solid .01rem;border-radius: .36rem !important;padding: 0 .36rem 0 .18rem;font-size: .2rem}
.wapBuyOn{opacity: 0}
.wapBuyOn.on .spanB{z-index: 9999}

.prcTypeWap .right{text-align: right;padding-bottom: .2rem}
.prcTypeWap .right span{display: inline-block;line-height: .48rem;font-size: .2rem;vertical-align: middle; }
.prcTypeWap .right span.center{margin-top: -0.4rem;font-size: .3rem;padding-top: .5rem}
.prcTypeWap .right .click{width: .48rem;height: .48rem;background-size: 100%;}
.prcTypeWap .right .pageRight{background: url(/static/images/rightOn.png) center 100% no-repeat;}
.prcTypeWap .right .pageLeft{background: url(/static/images/leftOn.png) center 100% no-repeat;}
.prcTypeWap .typeList li{position: relative;}
.typeList li .wapBuy{margin-top: 2.3rem;right: .8rem}

.typeList li:nth-child(2n) .wapBuy{margin-top: 2.3rem;right: .2rem}
.prcTypeWap .typeList ul li .wapBuy p{width: auto;margin-top: 0}

.cartEntWap .item.on{background: #f0f0f0}
.cartEntWap .item .stitle{position: relative;}
.cartEntWap .item .stitle span.on{width: .23rem;height: .12rem;position: absolute;display: block;background: url('/static/images/xia.png');background-size: 100%;top: .44rem;left: 1.7rem}
.wapNone{display: none;}
.cartEntWap .item.on .wapNone{display: block;}
.cartEntWap .item.on .stitle span.on{background: url('/static/images/shang.png');background-size: 100%;}


.wapShowList .vux-slider .vux-swiper{height: 6rem}
.wapShowList .gunDiv{width: 50%!important;margin:0;position: relative;}
.wapShowList .gunDiv a{width: 3rem;}
.wapShowList .gunDiv img{width: 3rem;height: 3rem}
.wapShowList .vux-swiper{height: 4.6rem!important}
.wapShowList .gunDiv .title{padding: 0;font-size: .2rem;margin: 0;text-align: left;width: 3rem;margin: auto;padding-top: .16rem;}
.wapShowList .gunDiv .price{padding: 0;font-size: .2rem;text-align: left;width: 3rem;margin: auto;}
.wapShowList .vux-slider .vux-indicator{width: 100%;right: 0;text-align: center;border: #aeaeae solid .01rem;box-sizing:border-box;height: .06rem }
.wapShowList .vux-slider .vux-indicator a{width: 33.3%;float: left;margin-left: 0;height: .06rem;position: relative;}
.wapShowList .vux-slider .vux-indicator a i{width: 100%;border-radius: 0;height: .04rem;background: none;position: absolute;left: 0}
.wapShowList .vux-slider .vux-indicator a i.active{background: #aeaeae}

.searchWap{width: 6.8rem;margin: auto;margin-bottom: .25rem;margin-top: .05rem}
.searchWap input{width: 6rem;height: .5rem;border: #6d6d6d solid .01rem; box-sizing: border-box;float: left;padding: 0 .2rem;font-size: .24rem}
.searchWap span{width: .8rem;height: .5rem;display: inline-block;background: url('/static/images/wapsec.png') 50% 50% no-repeat #6d6d6d;background-size: 30%;cursor: pointer;}

.wapCartP{border-bottom: #4c4c4c solid 1px;font-size: .26rem;color: ##b8b8b8;height: .66rem;line-height: .66rem}
.wapShowList .wapBuy{margin-top: 2.3rem}
.prcDescWap .bigPrc{text-align: center;}

.orderWap .orderTop select{font-size: .2rem;color: #666;}
.prcTypeWap .listTop select{font-size: .2rem;color: #666;border: none}
.prcTypeWap .listTop span{font-size: .2rem;color: #666;}

.prcTypeWap .typeList{ padding-top: .4rem }

.wapSearchTitle{font-size: .26rem;color: #585858;padding-bottom: .4rem}

.wapSelect{padding: .04rem;font-size: .2rem;border: #ddd solid .01rem}

.typeList ul li:hover .prcNone p{color: #fff}
.prcNone{position: absolute;width: 215px;height: 350px;}
.prcNone p{width: 217px;height: 281px;background: rgba(0,0,0,.5);color: #fff;font-size: 24px;line-height: 281px;}

.prcTypeWap .typeList ul li:nth-child(2n) .prcNoneWap{right: 0}
.prcNoneWap{position: absolute;width:3rem;height: 350px;z-index: 999}
.prcTypeWap .typeList ul li .prcNoneWap p{width: 3rem;height: 3rem;font-size: .4rem;background: rgba(0,0,0,.5);color: #fff;text-align: center;line-height: 3rem}
.cartEnter .pcPayList{line-height: 2}
.cartEnter .pcPayList img{margin-top: 10px}
.wapQQ{position: fixed;right: .2rem;bottom: .4rem;width: .72rem;height: .72rem;background: url('/static/images/qqwap.png') no-repeat;background-size: 100%;z-index: 99}
.wapQQ a{display:block;width: .72rem;height: .72rem;}

.gunDiv .prcNone{position: absolute;width:240px;height: 316px;z-index: 999}
.gunDiv .prcNone p{width: 242px;height: 242px;}
.gunDiv:hover .prcNone p{color: #fff}

input[type="text"] {
	border-radius: 0;
	-webkit-appearance: none;
}
textarea{
	border-radius: 0;
	-webkit-appearance: none;
}

/*手机横屏时执行*/
.isHeng{display: none}
@media screen and (orientation:landscape){
	.isHeng{display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,.9);text-align: center;z-index: 99999;font-size: .3rem;line-height: 2}
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #c7c7c7;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#c7c7c7;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#c7c7c7;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#c7c7c7;
}